import Vue from 'vue'
import VueRouter from 'vue-router'




const Home = () =>
    import ('../views/home/Home.vue')
const Category = () =>
    import ('../views/category/Category.vue')
const Cart = () =>
    import ('../views/cart/Cart.vue')
const Profile = () =>
    import ('../views/profile/Profile.vue')

// createApp.use(VueRouter)
Vue.use(VueRouter)


// const routes = [{
//         path: '',
//         redirect: '/home'
//     },
//     {
//         path: '/home',
//         component: Home
//     },
//     {
//         path: '/category',
//         component: Category
//     },
//     {
//         path: '/cart',
//         component: Cart
//     },
//     {
//         path: '/profile',
//         component: Profile
//     }

// ]


const router = new VueRouter({
    routes: [{
            path: '',
            redirect: '/home'
        },
        {
            path: '/home',
            component: Home
        },
        {
            path: '/category',
            component: Category
        },
        {
            path: '/cart',
            component: Cart
        },
        {
            path: '/profile',
            component: Profile
        }

    ],
    mode: 'history'
})

export default router